<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="dns-prefetch" href="//assorted.downloads.oppo.com"> -->
    <title>欢太商城</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./libs/style.css">
    <link rel="stylesheet" href="./libs/ccslider.css">
    <link rel="stylesheet" href="./libs/jquery.bxslider.css">
    <script src="./libs/jquery.js"></script>
    <script src="./libs/jquery.bxslider.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <div class="headerBox"></div>

    <!-- banner图部分 -->
    <div class="main floor floor1" >
        <link rel="stylesheet" href="css/jquery.bxslider.css">
        <script src="js/jquery.bxslider.js"></script>
        <div class="bannerPc banner banner2">
            <ul class="bxslider">
                <li><a href="#"><img src="./images/3.jpg" alt="" title="" /> </a></li>
                <li><a href="#"><img src="./images/4.jpg" alt="" title="" /> </a></li>
                <li><a href="#"><img src="./images/2.jpg" alt="" title="" /></a> </li>
                <li><a href="#"><img src="./images/6.jpg" alt="" title="" /></a> </li>
            </ul>
            <script type="text/javascript">
                var scale = '';
                var speed = 500;
                var pause = 5;
                $(function () {
                    $('.banner2 .bxslider').bxSlider({
                        mode: 'horizontal',
                        auto: true,
                        autoControls: false,
                        infiniteLoop: true,
                        hideControlOnEnd: true,
                        adaptiveHeight: true,
                        maxSlides: 1,
                        scale: scale,
                        speed: speed,
                        pause: pause * 1000
                    });
                });
            </script>
        </div>
        <div class="menu">
            <ul class="menu-ul">
                <li><a href="">remen推荐</a><span>></span></li>
                <li><a href="">OPPO</a><span>></span></li>
                <li><a href="">OnePlus</a><span>></span></li>
                <li><a href="">realme</a><span>></span></li>
                <li><a href="">耳机音影</a><span>></span></li>
                <li><a href="">原装配件</a><span>></span></li>
                <li><a href="">智能穿戴</a><span>></span></li>
                <li><a href="">智能电视</a><span>></span></li>
                <li><a href="">日用百货</a><span>></span></li>
                <li><a href="">数码周边</a><span>></span></li>
                <li><a href="">家用电器</a><span>></span></li>
                <li><a href="">个护健康</a><span>></span></li>
                <li><a href="">家纺餐具</a><span>></span></li>
                <li><a href="">母婴亲子</a><span>></span></li>
            </ul>
            <div class="cont">
                <div class="cont-list">
                    <h2>热门推荐</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/02.png" alt="">
                            <span>OPPO K9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/01.png" alt="">
                            <span>OPPO Find X3 Pro 摄影师版</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/03.png" alt="">
                            <span>OPPO watch2 全智能手表 42mm 蓝牙版</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/04.png" alt="">
                            <span>OPPO Reno6</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/05.png" alt="">
                            <span>真我GT Neo2</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/05.png" alt="">
                            <span>真我GT 大师探索版</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/20.png" alt="">
                            <span>一加 9R</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/21.png" alt="">
                            <span>一加 9Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/22.png" alt="">
                            <span>一加 9</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/04.png" alt="">
                            <span>OPPO Reno6</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/05.png" alt="">
                            <span>真我GT Neo2</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/06.png" alt="">
                            <span>OPPO Enco Air新品真无线耳机</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构2 -->
                    <h2>OPPO Find X 系列</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/01.png" alt="">
                            <span>OPPO Find X3 Pro </span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/02.png" alt="">
                            <span>OPPO Find X3 Pro 摄影师版</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/03.png" alt="">
                            <span>智能搭档</span>
                        </div>
                    </div>
                    <h2>OPPO Reno 系列</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/04.png" alt="">
                            <span>OPPO Reno6 </span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/05.png" alt="">
                            <span>OPPO Reno6 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/21.png" alt="">
                            <span>OPPO Reno6 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/04.png" alt="">
                            <span>OPPO Reno5</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/05.png" alt="">
                            <span>OPPO Reno5 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/21.png" alt="">
                            <span>OPPO Reno5 Pro</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/21.png" alt="">
                            <span>OPPO Find X3 Pro </span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/06.png" alt="">
                            <span>智能搭档</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构3 -->
                    <h2>One Plus手机</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/04.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/05.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/21.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构4 -->
                    <h2>Realme GT系列</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/23.png" alt="">
                            <span>Realme GT6</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/23.png" alt="">
                            <span>Realme GT6 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/25.png" alt="">
                            <span>Realme GT6 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/24.png" alt="">
                            <span>Realme GT5</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/26.png" alt="">
                            <span>Realme GT5 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/27.png" alt="">
                            <span>Realme GT5 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构5 -->
                    <h2>精品无线蓝牙耳机</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/06.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/07.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/08.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/08.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/06.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/34.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/31.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/32.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/33.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构6 -->
                    <h2>OPPO专属</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/06.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/07.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/08.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <h2>One Plus专属</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/32.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/33.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/31.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构7 -->
                    <h2>OPPO手表</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/03.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/13.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/35.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/35.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/36.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/37.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <h2>OPPO手环</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/38.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/39.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/38.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构8 -->
                    <h2>OPPO电视</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/40.png" alt="">
                            <span>OPPO智能电视K9 74英寸</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/41.png" alt="">
                            <span>OPPO智能电视K9 100英寸</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/40.png" alt="">
                            <span>OPPO智能电视K9 200英寸</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构9 -->
                    <h2>日用杂货</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/42.png" alt="">
                            <span>OPPO智能电视K9 74英寸</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/43.png" alt="">
                            <span>OPPO智能电视K9 100英寸</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/44.png" alt="">
                            <span>OPPO智能电视K9 200英寸</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/45.png" alt="">
                            <span>OPPO智能电视K9 74英寸</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/46.png" alt="">
                            <span>OPPO智能电视K9 100英寸</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/47.png" alt="">
                            <span>OPPO智能电视K9 200英寸</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/45.png" alt="">
                            <span>OPPO智能电视K9 74英寸</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/43.png" alt="">
                            <span>OPPO智能电视K9 100英寸</span>
                        </div>

                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构10 -->
                    <h2>OPPO手环</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/38.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/39.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/38.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构11 -->
                    <h2>厨房小店</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/42.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/43.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/44.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/45.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/46.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/47.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构12 -->
                    <h2>护理百货</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/45.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/46.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/47.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/43.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/42.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/39.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>            
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构13 -->
                    <h2>家具首饰</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/36.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/40.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/25.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>

                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/36.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/40.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/25.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
                <div class="cont-list">
                    <!-- 一堆各种复杂的页面结构14 -->
                    <h2>洗护喂养</h2>
                    <div class="line">
                        <div class="zuo">
                            <img src="./images/remen/40.png" alt="">
                            <span>One Plus9</span>
                        </div>
                        <div class="zhong">
                            <img src="./images/remen/41.png" alt="">
                            <span>One Plus9 Pro</span>
                        </div>
                        <div class="you">
                            <img src="./images/remen/42.png" alt="">
                            <span>One Plus9 Pro+</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 中间导航栏 -->
    <div class="m-nav">
        <div class="nav-l">
            <img src="./images/001.png" alt="">
        </div>
        <div class="nav-m">
            <div class="m1">
                <img src="./images/remen/001.png" alt="">
                <span>领券中心</span>
            </div>
            <div class="m2">
                <img src="./images/remen/002.png" alt="">
                <span>以旧换新</span>
            </div>
            <div class="m3">
                <img src="./images/remen/003.png" alt="">
                <span>价保政策</span>
            </div>
            <div class="m3">
                <img src="./images/remen/004.png" alt="">
                <span>企业购买</span>
            </div>
        </div>
        <div class="nav-r">
            <img src="./images/ren.png" alt="">
            <div class="xinxi">
                <span><a href="">登录</a></span>
                <span>|</span>
                <span><a href="">注册</a></span>
                <p>立即注册领取新人福利</p>                
            </div>
        </div>
    </div>

    <!-- 有好货 -->
    <div class="goods floor floor2" >
        <div class="goods-top">
            <span>有好货</span>
            <img src="./images/koubei.png" alt="">
        </div>
        <div class="goods-bottom">
            <div>
                <img src="./images/list/1.png" alt="">
                <span class="span1">X3 Pro 摄影师版</span>
                <span>￥5999 <del>￥6299</del></span>
            </div>
            <div>
                <img src="./images/list/4.png" alt="">
                <span class="span1">真我GT Neo2</span>
                <span>￥2499 <del>￥2899</del></span>
            </div>
            <div>
                <img src="./images/list/2.png" alt="">
                <span class="span1">真我GT 大师探索版</span>
                <span>￥2899 <del>￥3099</del></span>
            </div>
            <div>
                <img src="./images/list/3.png" alt="">
                <span class="span1">一加 9 Pro</span>
                <span>￥4599 <del>￥4799</del></span>
            </div>
            <div>
                <img src="./images/list/4.png" alt="">
                <span class="span1">一加 9 R </span>
                <span>￥3199 <del>￥3399</del></span>
            </div>
        
        </div>
        
    </div>

    <!-- 二级banner图 -->
    <div class="sbanner">
        <img src="./images/list/5.png" alt="">
        <img src="./images/list/6.png" alt="">
    </div>

    <!-- 专区 -->
    <div class="all">

    </div>
  
    <!-- 底部
    <div class="footer">
        <div class="footer-top">
            <div>
                <img src="./images/icon/1.png" alt="">
                <span>1年全国联保</span>
            </div>
            <div>
                <img src="./images/icon/2.png" alt="">
                <span>1年全国联保</span>
            </div>
            <div>
                <img src="./images/icon/3.png" alt="">
                <span>1年全国联保</span>
            </div>
            <div>
                <img src="./images/icon/4.png" alt="">
                <span>1年全国联保</span>
            </div>
            <div>
                <img src="./images/icon/5.png" alt="">
                <span>1年全国联保</span>
            </div>
        </div>
        <div class="footer-middle">
            <ul>
                <li>关于欢太</li>
                <li><a href="">了解欢太</a></li>
                <li><a href="">欢太产品与服务</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
            <ul>
                <li>OPPO产品</li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
            </ul>
            <ul>
                <li>OPPO产品</li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
            </ul>
            <ul>
                <li>OPPO产品</li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
            </ul>
            <ul>
                <li>OPPO产品</li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
                <li><a href="">OPPO Reno 6</a></li>
            </ul>
        </div>
    </div> -->
            
    <div class="footerBox floor floor1"></div>

    <!-- 楼层 -->
    <div class="btns">
        <ul>
            <li>返回顶部</li>
            <li>有好货</li>
            <li>OPPO专区</li>
            <li>真我专区</li>
            <li>OnePlus专区</li>
            <li>底部</li>
        </ul>
    </div>
</body>
<script src="./ajax.js"></script>
<!-- <script src="./libs/jquery.js"></script> -->
<script src="./js/index.js"></script>
<script src="./js/index1.js"></script>
<script>
        $(function(){
        $(".headerBox").load("http://localhost:3000/public/header.html .zxt_header" ,function(){
            var sc = document.createElement("script");
            sc.src = "./js/public.js";
            $("body").append(sc);
        });
        $(".footerBox").load("http://localhost:3000/public/header.html .zxt_footer")
    })
</script>

</html>